<template>
    <div class="changeLoanDeadline">
        <ul>
            <li @click="show=true">
                <span>缩短期限</span>
            </li>
            <li @click="show=true">
                <span>延长期限</span>
            </li>
        </ul>
        <x-dialog v-model="show" class="dialog">
            <div class="content">
                <h3>变更需知</h3>
                <p>借款人及抵押人带身份证、收入证明（需要公司盖章，月收入超过5000元，提供6个月银行流水）到零售信贷客户服务中心办理</p>
            </div>

            <div @click="changeLoanDeadline()" class="know">
                <span class="vux-close">知道了</span>
            </div>
        </x-dialog>
    </div>
</template>

<script>
import { XInput, Group, XDialog } from 'vux'
export default {
    components: {
        XInput,
        Group,
        XDialog
    },
    methods:{
        changeLoanDeadline(){
            this.show = false
            this.$router.push({path:'/select/time',query:{type:'ChangeLoanDeadline'}})
        }
    },
    deactivated(){
        this.show = false
    },
    data() {
        return {
            show: false,
            oldTime: '每月11日',
            time: ''
        }
    },
    created() {

    }
}
</script>

<style lang="less" scoped>
.changeLoanDeadline {
    margin: 1.5rem 0;
}
</style>

